<?php 
/**
 * @version			$Id$
 * @author			Richard Asp
 * @package			Joomla
 * @subpackage		gnudoor
 * @copyright		(C) 2010 gnudoor LLC
 * @license      GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

defined( '_JEXEC' ) or die( 'Restriced access' ); 
JHTML::_('stylesheet', 'newform.css','components/com_gnudoor/assets/css/');
?>
<div class="myform">

<form action="example.php">
<fieldset>
<legend><span>Contact Details</span></legend>
<ol>
<li>
<label for="name">Name:<span>please enter your name</span><em>*</em></label>
<input id="name" name="name" 
class="text" type="text" />
</li>
<li>
<label for="cname">Conpany Name:<span>Enter company name</span><em>*</em></label>
<input id="cname" name="cname" 
class="text" type="text" />
</li>
<li>
<label for="details">Details:<span>Enter the details of the Task!</span></label>
<textarea id="details" name="details" 
class="textarea" cols="14" rows="10">&nbsp;</textarea>
</li>
</ol>
</fieldset>

<fieldset class="alt">
<legend ><span>Delivery Address</span></legend>
<ol>
<li>
<label for="address1">Address 1: </label>
<input id="address1" name="address1" 
class="text" type="text" />
</li>
<li>
<label for="address2">Address 2: </label>
<input id="address2" name="address2" 
class="text" type="text" />
</li>
<li>
<label for="suburb">Suburb/Town: </label>
<input id="suburb" name="suburb" 
class="text" type="text" />
</li>
<li>
<label for="postcode">Postcode: </label>
<input id="postcode" name="postcode"
class="text textSmall" type="text" />
</li>
<li>
<label for="country">Country: </label>
<select id="country" name="country" class="select" />
<option>US</option>
<option>UK</option>
<option>Canada</option>
<option>Russia</option>
</select>
</li>
</ol>
</fieldset>

<fieldset>
<legend><span>Contact Information</span></legend>
<ol>
<li>
<label for="email">Email Address:<strong>This must be a valid email address</strong></label>
<input id="email" name="email" 
class="text" type="text" />
</li>
<li>
<label for="phone">Phone:</label>
<input id="phone" name="phone" 
class="text" type="text" />
</li>
<li>
<label for="mobile">Mobile Phone:</label>
<input id="mobile" name="mobile" 
class="text" type="text" />
</li>
</ol>
</fieldset>

<fieldset class="alt">
<legend><span>Access Information</span></legend>
<ol>
<li>
<label for="uname">User Name:</label>
<input id="uname" name="uname" 
class="text" type="text" />
</li>
<li>
<label for="password">Password:</label>
<input id="password" name="password" 
class="password" type="password" />
</li>
<li>
<label for="password2">Confirm Password:</label>
<input id="password2" name="password2" 
class="password" type="password" />
</li>
</ol>
</fieldset>

<fieldset>
<legend><span>Contact Details</span></legend>
<ol>
<li>
<fieldset>
<legend>Occupation:</legend>
<ol>
<li>
<input id="occupation1" name="occupation1"
class="checkbox" type="checkbox" value="1" />
<label for="occupation1">Doctor</label>
</li>
<li>
<input id="occupation2" name="occupation2"
class="checkbox" type="checkbox" value="1" />
<label for="occupation2">Lawyer</label>
</li>
<li>
<input id="occupation3" name="occupation3"
class="checkbox" type="checkbox" value="1" />
<label for="occupation3">Teacher</label>
</li>
<li>
<input id="occupation4" name="occupation4"
class="checkbox" type="checkbox" value="1" />
<label for="occupation4">Web designer</label>
</li>
</ol>
</fieldset>
</li>
</ol>
</fieldset>

<fieldset class="alt">
<legend><span>Provider Selection</span></legend>
<ol>
<li>
<fieldset>
<legend>&nbsp;</legend>
<ol>
<li>
<input id="provider" name="provider"
class="radio" type="radio" value="1" />
<label for="occupation1">Customer selected</label>
</li>
<li>
<input id="provider" name="provider"
class="radio" type="radio" value="2" />
<label for="occupation2">First available</label>
</li>
<li>
<input id="provider" name="provider"
class="radio" type="radio" value="3" />
<label for="occupation3">Providers bid</label>
</li>
</ol>
</fieldset>
</li>
</ol>
</fieldset>


<fieldset class="submit">
<input class="submit" 
type="submit" value="Submit" />
<input class="submit" 
type="submit" value="Cancel" />

</fieldset>

</form>
</div>
